<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Found The Lost<!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <style>

    .inputstyle{
      background:#EAEBF1;
      BORDER-TOP-STYLE: none;
      BORDER-RIGHT-STYLE: none; 
      BORDER-LEFT-STYLE: none; 
      BORDER-BOTTOM-STYLE: solid;
      font-size: 20px;
    }

    #title{
      height:50px;
    }
    li{
      list-style: none;
    }
  </style>
  <script src = "https://cdn.wilddog.com/js/client/current/wilddog.js" ></script>
  <script type="text/javascript" src="js/user.js"></script>
</head>
<body style="background:#26C6DA;">
  <!-- ===================导航============================= -->
<nav class="navbar navbar-inverse  navbar-fixed-top" >
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Found The Lost<!--{jp}失ったものを見つけた-->
        <!--{cn}找到失去的东西--></a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
      <ul class="nav navbar-nav">
        <li><a href="index_user.html">Home<!--{jp}トップページ-->
        <!--{cn}首页--> <span class="sr-only">(current)</span></a></li>
        <li class="active"><a href="lost.html">Lost Things<!--{jp}紛失物をなくした-->
        <!--{cn}丢失物品--></a></li>
        <li><a href="found.html">Found Things<!--{jp}物品を見つける-->
        <!--{cn}找到物品--></a></li>
      </ul>
 
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="dlm">
          <ul class="dropdown-menu" role="menu">
            <li><a href="#" id="dqyh"></a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Language<!--{jp}言語選択-->
        <!--{cn}语言选择--> <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"  onclick="setlang('default',this)" href="javascript:;">English</a></li>
            <li><a href="#" onclick="setlang('jp',this)" href="javascript:;">日本語</a></li>
            <li><a href="#" onclick="setlang('cn',this)" href="javascript:;">简体中文</a></li>
          </ul>
        </li>
        
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">User<!--{jp}ユーザ相関-->
        <!--{cn}用户相关--><span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#"   href="javascript:;" data-toggle="modal" data-target="#reset">Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></a></li>            
            <li><a href="#" onclick="exit()"   >Sign out<!--{jp}サインアウト-->
        <!--{cn}退出登录--></a></li>
          </ul>
      </li>
      </ul>
    </div>
  </div>
</nav>
  <!-- ===================导航   END  ============================= -->



    <!-- ====================重置弹出框=============================== -->
      <div class="modal fade" id="reset" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Username<!--{jp}ユーザー名--><!--{cn}用户名-->：
                  <input id="eeem"  name="username" type="email" placeholder="email@email.com"></h4>
                  <h4>We will send a e-mail to you , you can use it to reset your password<!--{jp}私たちはあなたにメールを送信することができます、あなたはそれを使用することができますあなたのパスワードをリセットすることができます--><!--{cn}我们将会发送一封电子邮件给你，你可以使用它来重置你的密码--></h4>
                <br>    
              </div>
              <div class="modal-footer">
                <button onclick="reset()" id="deng" class="btn btn-primary" >Reset Password<!--{jp}パスワードリセット -->
        <!--{cn}密码重置--></button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close<!--{jp}閉鎖 --><!--{cn}关闭-->
                </button>
              </div>
          </div>
        </div>
      </div>
    <!-- ====================重置弹出框   END=========================== --> 

<!-- =========================发表框 ===================================== -->
<center style="margin-top:60px;">
  <div class="col-md-6 " >
    <input  placeholder="Title" type="text" id="title" class="col-md-12 col-md-offset-6 inputstyle">
    <br>
    <textarea rows="5"  placeholder="words" id="word" class="col-md-12 col-md-offset-6 inputstyle" ></textarea>
    <button id="sendbtn"  class="btn btn-info col-md-12 col-md-offset-6 ">
Submit information <!--{jp}提出情報 --><!--{cn}提交信息--></button>
  </div>
  <br>

</center>
<!-- =========================发表框 END===================================== -->


<!-- ========================文本发布 =========================-->
<div  style="width:600px; margin-top:30px;" class="col-md-12 col-md-offset-3">
  <ul id="wordul">
  </ul>
</div>
<!-- ========================文本发布 END =========================-->




 <!-- ======================页尾 =================================== -->

<div class="col-md-12 footer" style="color:white;background:#03396D;height:120px;" >
  <hr>
  <center style="margin-top:-20px;">
    <p>Copyright &copy; Zhizhong Electric Science<!--{jp}著作権所有©中国を治める-->
        <!--{cn}版权所有©治中电科--></p>
    <p>Friendly Link<!--{jp}友情リンク-->
        <!--{cn}友情链接-->：  
      <a  href="http://zzesxiao.leanote.com">Zhizhong's Blog<!--{jp}ブログ -->
        <!--{cn}治电小白菜博客--></a>
      <a  href="http://klren0312-zzes5.daoapp.io/">Zhizhong Electric Science<!--{jp}中国を治める 公式サイト -->
        <!--{cn}治电官网--></a>
        <form action="https://shenghuo.alipay.com/send/payment/fill.htm" method="POST"target="_blank" accept-charset="GBK">
              <input name="optEmail" type="hidden"value="15755022403">
              <input name="payAmount" type="hidden" value="10">
              <input id="title" name="title" type="hidden" value="感谢您的支持 ">
              <input name="memo" type="hidden" value="捐赠“Lost And Found”">
              <input style="height:25px;width:100px;" name="pay"type="image" value="转账" src="img/zfbtu.png"></form>
    </p>
    
  </center>

</div>
<!-- ======================页尾 END=================================== -->

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/translater.js"></script>
<script src="js/message.js"></script>
<script type="text/javascript">

ref.onAuth(function(authData) {
  if (authData) {
    console.log(authData.uid.replace("simplelogin:",""));
    document.getElementById('dlm').innerHTML=authData.uid.replace("simplelogin:","");
    document.getElementById('dqyh').innerHTML="当前用户："+authData.uid.replace("simplelogin:","");

  } else {
    console.log("Client unauthenticated.");
    document.getElementById('dlm').innerHTML="Client unauthenticated.";
    document.getElementById('dqyh').innerHTML="Client unauthenticated.";
  }
});


    var tran = new Translater();

    var btns = document.getElementById('btns');

    for (var i = 0; i < btns.childNodes.length; i++) {
        var  str = btns.childNodes[i].outerHTML;
        if(str){
            str = str.match(/onclick=\"setlang\(\'(.*?)\'\,/);

            if(str.length>1 && str[1] === tran.lang_name){
                btns.childNodes[i].className = 'btn active'
            }else{
                btns.childNodes[i].className = 'btn'
            }
        }
    }

    function setlang(name,self){
        tran.setLang(name);
        var btns = self.parentNode.children;
        for (var i = 0; i < btns.length; i++) {
            btns[i].className = 'btn';
        }
        self.className = 'btn active';
    }



</script>
</body>
</html>